<%@ page import="musgo.Artista" %>
<!doctype html>
<html>
	<head>
		<meta name="layout" content="main">
		<g:javascript src="calendar.js" />
		<title>Editar Evento</title>
               
	</head>
	<body>
		<img id="top" src="/MusgoSoft/images/imgProyecto/top.png" alt="">

<!-- ------------------------------------------------------------------------------------------------- -->
	<div id="form_container">
	
		<h1><a>Untitled Form</a></h1>
		<form id="form_album" class="appnitro" enctype="multipart/form-data" method="post" >
					<div class="form_description">
			<h2>Editar Album</h2>
			<p> Edita los datos del nuevo Album</p>
		</div>						
			<ul >
			
					<li id="li_1" >
		<label class="description" for="element_1">Nombre del Album  </label>
		<div>
			<input id="element_1" name="nombreA" class="element text medium" type="text" maxlength="255" value="${albumInstance.nombreA}"/> 
		</div> 
		</li>		<li id="li_2" >
		<label class="description" for="element_2">Genero del Album </label>
		<div>
			<input id="element_2" name="genero" class="element text medium" type="text" maxlength="255" value="${albumInstance.genero}"/> 
		</div> 
		</li>		<li id="li_3" >
		<label class="description" for="element_3">Fecha de Lanzamiento actual es ${albumInstance.fechaLanzamiento} </label>
		<span>
			<input id="element_3_1" name="MM" class="element text" size="2" maxlength="2" value="" type="text"> /
			<label for="element_3_1">MM</label>
		</span>
		<span>
			<input id="element_3_2" name="DD" class="element text" size="2" maxlength="2" value="" type="text"> /
			<label for="element_3_2">DD</label>
		</span>
		<span>
	 		<input id="element_3_3" name="YYYY" class="element text" size="4" maxlength="4" value="" type="text">
			<label for="element_3_3">YYYY</label>
		</span>
	
		<span id="calendar_3">
			<img id="cal_img_3" class="datepicker" src="/MusgoSoft/images/imgproyecto/calendar.gif" alt="Pick a date.">	
		</span>
		<script type="text/javascript">
			Calendar.setup({
			inputField	 : "element_3_3",
			baseField    : "element_3",
			displayArea  : "calendar_3",
			button		 : "cal_img_3",
			ifFormat	 : "%B %e, %Y",
			onSelect	 : selectDate
			});
		</script>
		 
		</li>				<li id="li_5" >
		<label class="description" for="element_5">Descripcion </label>
		<div>
			<g:textArea name="descripcion" cols="40" rows="5" maxlength="3000" value="${albumInstance.descripcion}"/>
		</div> 
		</li>
               
			
					<li class="buttons">
                <g:hiddenField name="ide" value="${albumInstance?.id}" />
		<g:hiddenField name="version" value="${albumInstance?.version}" />
		<fieldset class="buttons">
			<g:actionSubmit class="save" action="update" value="Actualizar datos" />
			<g:actionSubmit class="delete" action="delete" value="Eliminar Album" formnovalidate="" onclick="return confirm('${message(code: 'default.button.delete.confirm.message', default: 'Are you sure?')}');" /> 
                        <div id="button-box">  <br>
                            
                            <g:link class="button" controller="artista" action="profile" >Cancelar, ir a mi cuenta </g:link>
                        </div>
		</fieldset>	    
				
		</li>
			</ul>
		</form>	<!-- pedazo de la foto-->
           <form id="form_eventoim" class="appnitro" enctype="multipart/form-data" method="post" action="update">
                	
                 <label class="description" >Cambiar imagen del Album (Selecciona una nueva imagen y Clic Cambiar imgen)  </label> 
                 <br><br>
                <li id="li_5" >
                  <img style="width: 250px; height: 260px;" src="${createLink(controller:"artista",action:'imagen', id:"${albumInstance.imagenA.id}")}"/><br><br>
		<label class="description" for="element_5">Foto evento </label>
                  <div>
			<input id="element_5" name="imagen" class="element file" type="file"/> 
		</div>  
		</li>
                <g:hiddenField name="ide" value="${albumInstance?.id}" />
                <g:hiddenField name="foto" value="true" />
                <g:actionSubmit class="save" action="update" value="Cambiar imagen" />
                <g:link controller="artista" action="profile">Cancelar</g:link>
                </form>
		
	</div>
<!-- ------------------------------------------------------------------------------------------ -->
	





  <img id="bottom" src="/MusgoSoft/images/imgProyecto/bottom501.png" alt="">		
		
	</body>
</html>